import React, { Component } from 'react';
import './Detail.css'
class Detail extends Component {
    render() {
        return (
            <div className="detail">
                <div className="image">
                    <img src="https://img1.baidu.com/it/u=3611479823,910916733&fm=26&fmt=auto"/>
                </div>
                <div className="detail-head">
                    <i className="iconfont icon-fanhui"></i>
                    <p className="detap">歌单</p>
                </div>
                <div className="det">
                    <img src="https://img1.baidu.com/it/u=3611479823,910916733&fm=26&fmt=auto"/>
                    <i className="iconfont icon-24gf-headphones"></i>
                    <p>386.9万</p>
                    <div className="detil">
                        <h3>飙升榜</h3>
                        <img src=""/>
                        <span>网易云音乐</span>
                    </div>
                </div>
                <div className="det-four">
                    <div className="ping">
                        <i className="iconfont icon-pinglun"></i>
                        <p>评论</p>
                    </div>
                    <div className="ping">
                        <i className="iconfont icon-shoucang"></i>
                        <p>点赞</p>
                    </div>
                    <div className="ping">
                        <i className="iconfont icon-jiahao"></i>
                        <p>收藏</p>
                    </div>
                    <div className="ping">
                        <i className="iconfont icon-gengduo"></i>
                        <p>更多</p>
                    </div>

                </div>
            </div>
        );
    }
}

export default Detail;